<!DOCTYPE html>
<html>

<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    <meta charset="UTF-8">
    <meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
    <title></title>
    <link rel="stylesheet" href="css/common.css">
    <script src="js/jquery-1.11.1.min.js"></script>
    <script type='text/javascript' src='js/common.js'></script>
    <link rel="stylesheet" href="css/viewport.css">

</head>

<body>
 <div class="select_main">
    <div class="content">
        <div class="title">
            <span>
                请选择采集对象
            </span>
            <div class="close"><img src="images/icon_19.png" alt=""></div>
        </div>
        <div class="list">
            <div class="item">
                <div class="name">张某某1</div>
                <div class="radio">
                    <span></span>
                </div>
            </div>
            <div class="item">
                <div class="name">张某某1</div>
                <div class="radio">
                    <span></span>
                </div>
            </div>
            <div class="item">
                <div class="name">张某某1</div>
                <div class="radio">
                    <span></span>
                </div>
            </div>
            <div class="item">
                <div class="name">张某某1</div>
                <div class="radio">
                    <span></span>
                </div>
            </div>
            <div class="item">
                <div class="name">张某某1</div>
                <div class="radio">
                    <span></span>
                </div>
            </div>
            <div class="item">
                <div class="name">张某某1</div>
                <div class="radio">
                    <span></span>
                </div>
            </div>
            <div class="item">
                <div class="name">张某某1</div>
                <div class="radio">
                    <span></span>
                </div>
            </div>
            <div class="item">
                <div class="name">张某某1</div>
                <div class="radio">
                    <span></span>
                </div>
            </div>
            <div class="item">
                <div class="name">张某某1</div>
                <div class="radio">
                    <span></span>
                </div>
            </div>
            <div class="item">
                <div class="name">张某某1</div>
                <div class="radio">
                    <span></span>
                </div>
            </div>
            <div class="item">
                <div class="name">张某某1</div>
                <div class="radio">
                    <span></span>
                </div>
            </div>
            <div class="item">
                <div class="name">张某某1</div>
                <div class="radio">
                    <span></span>
                </div>
            </div>
            <div class="item">
                <div class="name">张某某1</div>
                <div class="radio">
                    <span></span>
                </div>
            </div>
            <div class="item">
                <div class="name">张某某1</div>
                <div class="radio">
                    <span></span>
                </div>
            </div>
            <div class="item">
                <div class="name">张某某1</div>
                <div class="radio">
                    <span></span>
                </div>
            </div>
        </div>

    </div>
 </div>

</body>

<script>
    $(function () {
        $('.select_main .item').on('click', function () {
            $(this).addClass('active').siblings().removeClass('active');
        });
    })
</script>
</html>
